<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>
<template>
    <div>
        <Row class="expand-row">
            <Col span="8">
                <span class="expand-key">Job: </span>
                <span class="expand-value">{{ row.job }}</span>
            </Col>
            <Col span="8">
                <span class="expand-key">Interest: </span>
                <span class="expand-value">{{ row.interest }}</span>
            </Col>
            <Col span="8">
                <span class="expand-key">Birthday: </span>
                <span class="expand-value">{{ row.birthday }}</span>
            </Col>
        </Row>
        <Row>
            <Col span="8">
                <span class="expand-key">Favorite book: </span>
                <span class="expand-value">《{{ row.book }}》</span>
            </Col>
            <Col span="8">
                <span class="expand-key">Favorite movie: </span>
                <span class="expand-value">{{ row.movie }}</span>
            </Col>
            <Col span="8">
                <span class="expand-key">Favorite music11111: {{bwk}}</span>
                <span class="expand-value">{{ row.music }}</span>
            </Col>
        </Row>
    </div>
</template>
<script>
import { itemParamByOrderList } from '@/api/eventlist'
export default {
  data () {
    return {
      bwk: '0'
    }
  },
  props: {
    row: Object
  },
  mounted () {
    console.log('开始')
    this.abc()
  },
  methods: {
    async abc () {
      let a = await itemParamByOrderList({})
      console.log(a, '执行节藕')
      this.bwk = a.data
      this.$emit('run', { a: 1 })
    }
  }
}
</script>
